/** MAIN CSS FILE **/


* {
    margin: 0;
    padding: 0;
}

body {
    color: #FFF;
    font-family: "Liberation sans",Arial,Helvetica,sans-serif;
    font-size: 100%;
	background-color:#0093CA;
	background: url("/static/images/bg.jpg") repeat-x scroll 0 0 #0093CA;
}

/*------------------------------------------------------------------------------------------------------*/

/* Main divs */

#wrapper {
	min-width: 1020px;
    width: 100%;
}

#header {
	width:100%;
}

#header_top {
	background-color: #474747;
	background-image: url("/static/images/header_bg.jpg");
    background-repeat: repeat-x;
    border-bottom: 1px solid #414350;
    height: 35px;
    width: 100%;
	box-shadow: 0px 2px 10px #999;
}

#header_top_content {
	margin: 0 auto;
    padding: 0;
    width: 838px;
	color:#FFFFFF;
}


#header_top_content p {
	font-size: 0.688em;
    margin: 0;
    padding-top:2px;
}

#content {
	margin:0 auto;
	width: 838px;
	color:#777777;
}

#front-container {
	bottom: 0;
    left: 0;
    max-height: 750px;
	min-height:515px;
    position: relative;
    right: 0;
}

#front-card {
	position: absolute;
    height: 328px;
    margin: -154px 0 0 -418px;
    top: 45%;
    width: 838px;
	left: 50%;
	vertical-align:baseline;
}

.front-welcome {
	background:url(/static/images/front_img.jpg) no-repeat scroll left top #000;
	border:0 none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 20px 4px 125px rgba(255, 255, 255, 0.5);
	border-radius: 6px 6px 6px 6px;
	position:absolute;
	top:0;
	left:0;
	width:520px;
	height:328px;
	display:block;
}

.front-welcome-text {
    bottom: 0;
    color: #EEEEEE;
    left: 0;
    line-height: 22px;
    padding: 20px;
    position: absolute;
    text-align: left;
    text-shadow: 0 1px 2px #000000;
    width: 470px;
}

.front-welcome-text h1 {
	color:#FFFFFF;
	font-size:30px;
	font-weight:700;
	margin-bottom:5px;
}

#tabs {
    background: -moz-linear-gradient(center top , #FFFFFF 0pt, #DDDDDD 100%) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	border-radius:6px 6px 6px 6px;
	height: 318px;
    left: 536px;
    position: absolute;
    top: 0;
    width: 300px;
	font-size:95%;
}

#footer {
	margin-top:20px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 11px;
    position: relative;
    text-align: center;
    width: 100%;
}

#footer_back {
	position:relative;
	color: rgba(255, 255, 255, 0.7);
    font-size: 11px;
	width:100%;
	text-align:center;
	margin:30px 0px;
}

#footer_back ul,
#footer ul {
	display:block;
}

#footer_back li,
#footer li {
    display: inline;
    margin: 0 3px;
}

#footer_back a, 
#footer a { 
	color: rgba(255, 255, 255, 0.7); 
}

#footer_back a:hover,
#footer a:hover { 
	color:#FFF;
}



.right {float:right}
.left {float:left}
.cright{clear:right}
.cleft{clear:left}

#header a {
	color:#CCC;
	text-decoration:none;
}

#header a:hover {
    color: #FFF;
    text-decoration: none;
}

.input {
	height:20px;
	box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    margin: 0;
    outline: medium none;
    padding: 4px;
	width:165px;
}

.input_s {
	height:13px;
	box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    margin: 0;
    outline: medium none;
    padding: 4px;
	width:165px;
} 

.input_t {
	height:13px;
	box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    margin: 0;
    outline: medium none;
    padding: 4px;
	width:165px;
}

.btn {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    overflow: visible;
    padding: 5px 10px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #019AD2;
    background-image: -moz-linear-gradient(#33BCEF, #019AD2);
    background-repeat: repeat-x;
    border-color: #057ED0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-exp {
    height: 30px;
    margin: 0;
    padding-left: 12px;
    padding-right: 12px;
	background-color: #FD9A0F;
    background-image: -moz-linear-gradient(#FEE94F, #FD9A0F);
    background-repeat: repeat-x;
    border-color: #FFAA22;
	background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #333333;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    overflow: visible;
    padding: 5px 10px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-decoration:none;
	vertical-align:text-bottom;
}

.txt {
	color: #999999;
    display: inline;
    line-height: 13px;
    margin: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.register {
	font-size:small;
}



#content_box {
	background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
   	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0px 10px 20px rgba(255, 255, 255, 0.5);
    padding: 20px;
    position: relative;
}

#content_box_txt {
	background-color: rgba(0, 132, 180, 0.06);
    background-position: 15px 20px;
    background-repeat: no-repeat;
    border-radius: 4px 4px 4px 4px;
    display: block;
    padding: 15px 20px 15px 20px;
	border:1px solid #c5e4f0;
	color:#222222;
}

#content_box_txt h4 {
	color:#777777;
}

#calendar {
	background-color: #FFFFFF;
	border-top: 3px solid #C5E4F0;
	font-size:12px; 
	width:589px;
}

.fc-header-title h2 {
	padding:5px;
	font-size:14px;
}

.calendar-dialog {
	font-size:small;
}

/* ----------------------------------------- */
.logged-in-box p {
	float:left;
	color:#222222;
	vertical-align:middle;
	line-height:25px;
}
.logged-in-box a {
	float:right;
	margin-right:20px;
	border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
	line-height:normal;
    overflow: visible;
    padding: 5px 10px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #019AD2;
    background-image: -moz-linear-gradient(#33BCEF, #019AD2);
    background-repeat: repeat-x;
    border-color: #057ED0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-decoration:none;
}

.clear {
	margin:0;
	padding:0;
	clear:both;
}

p.no-group {
	margin-bottom:5px;
	font-size:small;
	line-height: 20px;
}

.select-box {
    border-color: #C5E4F0;
    border-radius: 1px 1px 1px 1px;
    border-style: solid;
    border-width: 1px;
    float: left;
    font: small/1.6 "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
    height: 32px;
    padding: 4px;
    text-decoration: none;
    width: 220px;
}

.content-box-overflow {
	border:1px dashed #999999;
	width:260px;
	padding: 10px;
	background-color:#FFFFFF;
	overflow:auto;
	max-height:220px;
}

table.my-groups {
	width:100%;
	border-collapse: collapse;
}

table.my-groups td {
	border-bottom: 1px solid #CCCCCC;
	padding:10px;
	word-wrap:break-word;
}

table.my-groups td.status {
	font-size:12px;
}

.btn-groups {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    overflow: visible;
    padding: 5px 10px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #019AD2;
    background-image: -moz-linear-gradient(#33BCEF, #019AD2);
    background-repeat: repeat-x;
    border-color: #057ED0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-decoration:none;
}

.btn-groups-dis {
	border: 1px solid #333;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    overflow: visible;
    padding: 5px 10px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #666;
    background-image: -moz-linear-gradient(#666, #CCC);
    background-repeat: repeat-x;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-decoration:none;
}

.btn-groups-dis:hover {
	color:#FFF;
}

.btn-groups:hover {color:#C5E4F0}
p {font-size:small}

.new-group-box {
	border:1px dashed #999999;
	padding:20px;
	background-color:#FFFFFF;
}

.new-group-form label {
	margin-bottom:10px;
}

.new-group-form input {
	height:20px;
	box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 #FFFFFF;
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    margin: 0;
    outline: medium none;
    padding: 4px;
	width:200px;
	margin-right:20px;
}

.new-group-form strong {
	font-size:14px;
}


a {color:#222222;}
a:hover {color:#666;}

.error p {
	font-size::small;
	color:#F00;
}

.ok p {
	font-size::small;
	color:#61A510;
	font-weight:bold;
}

.error {margin-bottom:15px;}
.ok {margin-bottom:15px;}

#color {
	border:0 none;
	box-shadow:none;
}


#menu {
	margin-top:20px;
	padding:20px 10px;
	color:#FFFFFF;
	background-color: #474747;
    background-image: url("/static/images/header_bg.jpg");
    background-repeat: repeat-x;
	border-radius:4px 4px 0 0;
	
}

#menu  ul {
	list-style:none;
}

#menu ul li {
	float:left;
	padding-left:35px;
}

#menu  ul li a {
	color:#FFFFFF;
	text-decoration:none;
}

#allAppointments,
#allNews,
#allMessages {
	float:left;
	width:629px;
	color:#222222;
	background-color:#F5F5F5;
	padding-bottom:20px;
	border-radius:0 0 0 4px;
}

#dropbox {
	width:177px;
	float:right;
	padding:20px 15px;
	background-color:#C5E4F0;
	border-radius:0 0 4px 0;
	box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}

.newNewsLink,
.newMessageLink, 
.newAppointmentLink {
	width:589px;
	padding:20px 20px 0 20px;
	border-top:3px solid #C5E4F0;
}

#newNews,
#newMessage,
#newAppointment {
	margin:-1px 20px 0px 20px;
	padding:20px;
	border:1px dashed #C5E4F0;
	background-color:#FFFFFF;
}

#textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}



#news,
#appointment {
	margin:20px 20px 0 20px;
	border-top:2px solid #C5E4F0;
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	background-color:#FFF;
	padding:15px 15px 10px 15px;
}

.error {
	color:#FF0000;
	font-size:12px;
}

#newsHeader {
	padding:10px;
	border:1px solid #DDD;
	background-color:#F5F5F5;
	margin-bottom:10px;
}

#newsHeader #author,
#commentsHeader #author {
	float:left;
	margin-right:5px;
	font-size:12px;
}

#newsHeader #date,
#commentsHeader #date {
	float:left;
	margin-right:5px;
	font-size:12px;
	color:#CCCCCC;
}

#newsHeader #time,
#commentsHeader #time {
	float:left;
	margin-right:5px;
	font-size:12px;
	color:#CCCCCC;
}

#newsHeader #tag {
	float:left;
	margin-right:5px;
	font-size:12px;
	color:#1E54A2;
	font-weight:bold;
}

#newsHeader #title {
	float:left;
	margin-right:5px;
	clear:left;
	margin-top:10px;
}

#newsHeader #newsText,
.commentsText {
	float:left;
	clear:left;
	margin-top:10px;
	font-size:12px;
	color:#666;
}

.newCommentLink{
	width:589px;
	padding:5px 0;
}

.newComment {
	margin-bottom:15px;
}

.commentsAll {
	 padding:10px 10px 0 10px;
	 margin-bottom:10px;
}

.comments {
	padding:10px;
	border:1px dashed #DDD;
	background-color:#F5F5F5;
	margin-bottom:-1px;
	width:490px;
}

#commentsHeader #cAction {
	float:left;
	margin-right:5px;
}

#textareaCal {
	width:155px; 
	height:100px;
	resize:none;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	padding:10px;
}

#textareaDb {
	width:155px;
	height:100px;
	resize:none;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
	padding:10px;
}


.dropBoxEntries {
	margin-top:15px;
	font-size:12px;
}

.dropBoxEntrie {
	margin-bottom:5px;
	background-color:#FFF;
	padding:10px;
	border:1px solid #CCC;
}

.dropboxAuthor {
	float:left;
	color:#222222;
	font-size:12px;
	margin-bottom:5px;
}

.dropboxDate {
	float:left;
	clear:left;
}

.dropboxTime {
	float:left;
	margin-left:3px;
}

.dropboxText {
	float:left;
	clear:left;
	margin-top:10px;
}

.editNews{
	padding:20px 20px 0 20px;
	width:100%;
	margin-bottom:10px;
}

#messages {
	background-color: #FFFFFF;
    border-color: #C5E4F0 #E5E5E5 #E5E5E5;
    border-style: solid;
    border-width: 2px 1px 1px;
    margin: 20px 20px 0;
    padding: 15px 15px 10px;
	font-size:12px;
	border-collapse: collapse;
}

.messagesTable td {
	float:left;
	border-bottom:1px solid #E5E5E5;
	margin-bottom:5px;
	padding:5px;
}

.msgText {
	color:#666;
	float:left;
	padding:10px !important;
	margin-bottom:20px !important;
	width:90% !important;
	border-bottom:1px dashed #C5E4F0 !important;
	border-left:1px dashed #C5E4F0 !important;
	border-right:1px dashed #C5E4F0 !important;
}

.delMsg {
	border:0 none !important;
}

.messagesTable tr td a:hover {
	text-decoration:underline;
}

#users {
	float:left;
	padding:20px;
	font-size:12px;
	min-height:300px;
	width:589px;
	border-top: 3px solid #C5E4F0;
}


#users table th {
	padding:5px;
	background-color:#CCCCCC;
}

#users table td {
	background-color:#F5F5F5;
	text-align:center;
}

#info {
	border-top: 3px solid #C5E4F0;
	width:589px;
	padding:20px;
	float:left;
}

p.success {
	margin:20px 0;
	color:#61A510;
}

p.error {
	margin:20px 0;
	color:#F00;
}